<template>
	<div id="app">
		<app-nav></app-nav>

		<router-view></router-view>

		<app-footer></app-footer>
	</div>
</template>

<script lang="ts">
import { defineComponent } from "@vue/composition-api";
import appNav from "./components/nav.vue";
import appFooter from "./components/footer.vue";

import { getDictionary } from "./utils/axios";

export default defineComponent({
	name: "app",
	components: {
		appNav,
		appFooter,
	},
	setup(props, ctx) {
		(async () => {
			const res = await getDictionary();
			if (res) {
				ctx.root.$store.commit("setData", res);
			}
		})();
	},
});
</script>

<style>
body {
	font-family: "Helvetica" !important;
}
</style>
